@charset "utf-8";


html, body {
    background-color: #ffaa8c;
    overflow-x: hidden;
}

/*导航条样式开始*/
.fuild-container-navbar {
    background-color: #f5f5f5;
    box-shadow: 0 2px 1px #eee;
    -webkit-box-shdow: 0 2px 1px #eee;
    -moz-box-shdow: 0 2px 1px #eee;
    -o-box-shdow: 0 2px 1px #eee;
    -ms-box-shdow: 0 2px 1px #eee;
}

.nav-left {
    float: left;
    width: 300px;
    height: 30px;
}

.nav-left > li {
    width: calc(300px / 4);
}


.nav-right {
    float: right;
    width: 700px;
    height: 30px;
}


.nav-right > li {
    width: calc(700px / 8.2);
}

.nav-item-hover {
    position: relative;
    z-index: 999;
}

.nav-item-hover:hover {
    background-color: white;
    color: red;
}

.nav-left > li, .nav-right > li {
    float: left;
    line-height: 30px;
    text-align: center;
}

.nav-right > li:nth-of-type(6) {
    width: calc(700px / 7.2);
}

.nav-left > li a, .nav-right > li a {
    text-decoration: none;
    color: #6C6C6C;
    cursor: pointer;
}

.nav-left > li:nth-of-type(1) {
    text-align: left;
}

.nav-left > li:nth-of-type(1) a {
    margin-left: 5px;
    color: #323232;
}

.nav-left > li:nth-of-type(2) a {
    color: #F22E00;
}

.nav-left > li a:hover, .nav-right > li a:hover {
    color: #F22E00;
}

.nav-left > li:nth-of-type(1) a:hover {
    color: #323232;
}

.down {
    margin-left: 2px;
}

.nav-icon2 {
    margin-right: 2px;
}

.nav-right > li:nth-of-type(2) a i:first-child {
    color: #F22E00;
}

.nav-right > li:nth-of-type(5):after {
    content: "|";
    color: #ddd;
    margin-left: 10px;
}

/*导航条下例菜单start*/
.container-navbar {
    background-color: #F5F5F5;
    /* overflow: visible;
    height: 30px; */
}

.nav-left > .nav-item-hover > .item-hover-dropdown {
    width: 250px;
    height: 280px;
    background-color: white;
    position: absolute;
    z-index: 999;
    border: 1px solid #eee;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
}

.nav-left > .nav-item-hover:hover .item-hover-dropdown {
    display: block;
}

.nav-left > .nav-item-hover > .item-hover-dropdown li {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    color: #6C6C6C;
}

.nav-left > .nav-item-hover > .item-hover-dropdown li:hover,
.nav-right > .nav-item-hover > .item-hover-dropdown li:hover {
    background-color: #eee;
}

.nav-right > .nav-item-hover > .item-hover-dropdown {
    width: 100px;
    height: auto;
    background-color: white;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    border: 1px solid #eee;
    border-top: none;
    overflow: hidden;
    display: none;
    text-align: center;
    color: #6C6C6C;
    position: relative;
}

.nav-right > .nav-item-hover:hover .item-hover-dropdown {
    display: block;
}

.nav-right > .nav-item-hover:last-child {
    position: relative;
}

.nav-right > .nav-item-hover > .site-nav {
    width: 1198px;
    border: 1px solid #eee;
    border-top: none;
    height: auto;
    background-color: white;
    position: absolute;
    z-index: 999;
    left: -1109px;
}

.nav-right > .nav-item-hover > .site-nav > li {
    width: calc((100% / 4) - 1px);
    height: 100%;
    border-left: 1px solid #eee;
    float: left;
}

.nav-right > .nav-item-hover > .site-nav > li:first-child {
    border-left: none;
}

.nav-right > .nav-item-hover > .site-nav > li > h3 {
    text-indent: 1em;
    text-align: left;
}

.nav-right > .nav-item-hover > .site-nav li:hover {
    background-color: white;
}

.nav-right > .nav-item-hover > .site-nav li a:hover {
    background-color: white;
    color: #F22E00;
}

/*导航条下例菜单end*/


/*导航条样式结束*/

/*main css start*/
.fuild-container-main {
    height: 100px;
    background-color: #ffaa8c;
}

.fuild-container-main .inner {
    height: 100%;
}

.fuild-container-main .inner .inner-left {
    width: 10%;
    height: 100%;
    text-align: center;
    float: left;
}

.fuild-container-main .inner .inner-right {
    width: 90%;
    height: 100%;
    float: right;
}

.fuild-container-main .inner .inner-right a {
    width: calc((100% / 5) - 4px);
    height: 100%;
    margin: 10px 2px;
    float: left;
    /* background-color: red; */
    position: relative;
    text-decoration: none;
    color: white;
}

.fuild-container-main .inner .inner-right a img {
    border-radius: 11px;
    position: absolute;
    top: 15px;
    left: 141px;
}

.fuild-container-main .inner .inner-right a h3,
.fuild-container-main .inner .inner-right a span {
    position: absolute;
}

.fuild-container-main .inner .inner-right a h3 {
    font-size: 20px;
    left: 30px;
    top: 22px;
}

.fuild-container-main .inner .inner-right a span {
    font-size: 12px;
    left: 34px;
    top: 42px;
}

.fuild-container-main .inner .inner-right a:nth-of-type(1) {
    /* background: url(../images/inner-1.png) no-repeat 0px 4px; */
}

.fuild-container-main .inner .inner-right a:nth-of-type(2) {
    /* background: url(../images/inner-2.png) no-repeat 0px 4px; */
}

.fuild-container-main .inner .inner-right a:nth-of-type(3) {
    /* background: url(../images/inner-3.png) no-repeat 0px 4px; */
}

.fuild-container-main .inner .inner-right a:nth-of-type(4) {
    /* background: url(../images/inner-4.png) no-repeat 0px 4px; */
}

.fuild-container-main .inner .inner-right a:nth-of-type(5) {
    /* background: url(../images/inner-5.png) no-repeat 0px 4px; */
}


.main {
    height: auto;
    background-color: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    position: relative;
    overflow: visible;
    top: -10px;
    padding-bottom: 50px;
}

.main .main-left, .main .main-right {
    width: 360px;
    height: 800px;
    background-color: #ffaa8c;
    position: absolute;
    top: 0;
}

.main .main-left {
    left: -360px;
}

.main .main-right {
    right: -360px;
}

/* 搜索区域 start */
.main .main-top {

    width: 100%;
    height: 120px;
}

.main .main-top .main-top-logo {
    width: 180px;
    height: 100%;

    float: left;
    text-align: right;
}

.main .main-top .main-top-qrcode {
    width: 300px;
    height: 100%;
    float: right;
    text-align: center;
}

.main .main-top .main-top-qrcode .top-qrcode {
    width: 66px;
    height: 85px;
    background-color: white;
    padding: 5px 10px 10px 10px;
    position: relative;
    border: 1px solid #eee;
    margin: 15px auto 0 auto;
}

.main .main-top .main-top-qrcode .top-qrcode img {
    position: absolute;
    bottom: 10px;
    left: 12px;
}

.main .main-top .main-top-qrcode .top-qrcode span {
    color: red;
}

.main .main-top .main-top-search {

    margin-left: 180px;
    margin-right: 300px;
    height: 100%;
    /* position: relative; */
    /* overflow: hidden; */
    border: 1px solid transparent;
}

.main .main-top .main-top-search .top-search-wapper {
    width: 90%;
    height: 67px;
    margin-top: 36px;
    margin-left: 9%;
}

.main .main-top .main-top-search .top-search-wapper .top-search {
    width: 100%;
    height: 45px;
    border: 2px solid #fc4200;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select,
.main .main-top .main-top-search .top-search-wapper .top-search .top-search-button {
    width: 80px;
    height: 100%;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select,
.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown,
.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown li:nth-of-type(1) {
    border-radius: 13px 0 0 13px;
    -webkit-border-radius: 13px 0 0 13px;
    -moz-border-radius: 13px 0 0 13px;
    -o-border-radius: 13px 0 0 13px;
    -ms-border-radius: 13px 0 0 13px;
}


.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select {
    float: left;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown {
    width: 100%;
    height: 100%;
    background-color: white;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #eee;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown:hover {
    overflow: visible;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown li {
    width: 100%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: white;
    /* position: absolute; */

}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown li:hover {
    color: #F22E00;
    font-weight: bold;
    cursor: pointer;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-select .serach-select-dropdown li:nth-of-type(1) {
    color: #3c3c3c;
    font-weight: normal;
    /* border-right: 1px solid #eee; */
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-button {
    overflow: hidden;
    float: right;
    height: 41px;
    margin: 2px;
    border-radius: 13px 13px 13px 13px;
    -webkit-border-radius: 13px 13px 13px 13px;
    -moz-border-radius: 13px 13px 13px 13px;
    -o-border-radius: 13px 13px 13px 13px;
    -ms-border-radius: 13px 13px 13px 13px;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-button button {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-input {
    height: 100%;
    /* background-color: purple; */
    margin-left: 80px;
    margin-right: 80px;
    position: relative;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-input span {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: transparent;
    right: 25px;
    top: 17px;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-input input {
    width: 95%;
    height: 90%;
    /* background-color: red; */
    margin-top: 2px;
    text-indent: 25px;
    background: url("../images/search.png") no-repeat 5px 13px, url("../images/carema.png") no-repeat right 10px;
}

.main .main-top .main-top-search .top-search-wapper .top-search .top-search-input input::placeholder {
    color: #9b9b9b;
    font-weight: 200;
}


.main .main-top .main-top-search .top-search-wapper .top-search-hots {
    width: 100%;
    height: 20px;
    margin-top: 5px;
}

.main .main-top .main-top-search .top-search-wapper .top-search-hots a {
    color: #3c3c3c;
    font-weight: 500;
}

/* 搜索区域 end */

/*main theme start*/

.main-center {

}

.main-center .main-center-theme {
    width: 100%;
    height: 30px;

    margin: 15px 0;
}

.main-center .main-center-theme h2 {
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    float: left;
}

.main-center .main-center-theme ul {
    font-size: 16px;
}

.main-center .main-center-theme li {
    width: 80px;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;

}

.main-center .main-center-theme li:nth-of-type(-n+3) {
    font-weight: bold;
}

.main-center .main-center-theme li a {
    color: #3c3c3c;
}

/*main theme end*/
/*Main 区域主内容 start */

.main-center .main-center-wapper {
    width: 100%;
    height: 514px;

}

.main-center .main-center-wapper .center-wapper-aside {
    width: 180px;
    height: 100%;

    float: left;
    position: relative;
}

.main-center .main-center-wapper .center-wapper-aside a {
    color: #6c6c6c;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list {
    width: 100%;
    height: 100%;
    background-color: white;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list li {
    width: calc(100% - 40px);
    height: calc(100% / 15);
    line-height: 34px;
    padding: 0 20px;
    background: url("../images/angle-right.png") no-repeat 150px center;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list li:hover {
    background-color: #ffece6;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list li:hover a {
    color: #fc4200;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list li a {
    font-size: 15px;
}

.main-center .main-center-wapper .center-wapper-aside .wapper-aside-list li a.line::after {
    content: "/";
    margin-left: 2px;
}

.aside-category {
    width: 680px;
    height: 474px;
    border: 2px solid #fc4200;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    position: absolute;
    left: 180px;
    top: 0;
    background-color: white;
    padding: 20px;
    z-index: -1;
    opacity: 0;
    transition: opacity .5s;
}

.center-wapper-aside:hover .aside-category {
    opacity: 1;
    z-index: 1;
}

.aside-category .aside-category-left {
    width: 463px;
    height: 100%;
    overflow-x: scroll;
    float: left;

}

.aside-category .aside-category-left .aside-category-left-list h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

.aside-category .aside-category-left .aside-category-left-list a {
    margin: 0 15px 0 0;
}

.aside-category .aside-category-left .aside-category-left-list > div {
    float: left;
    margin-top: 10px;
}

.aside-category .aside-category-right {
    width: 200px;
    height: 100%;
    overflow-x: hidden;
    float: right;

}

.aside-category .aside-category-right h2 {
    font-weight: 100;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.aside-category .aside-category-right .category-right-list {
    width: 100%;
    height: 100px;
}

.aside-category .aside-category-right .category-right-list > div {
    float: left;
}

.aside-category .aside-category-right .category-right-list img {
    width: 100%;
    height: 90%;
}

.aside-category .aside-category-right .category-right-list a:hover {
    color: #fc4200;
}

.main-center .main-center-wapper .center-wapper-sider {
    margin-left: 180px;
    margin-right: 300px;
    height: 100%;

}

.main-center .main-center-wapper .center-wapper-sider .wapper-sider-left {
    /* 1200 - 180 -150 -300 = 570 */
    width: 565px;
    margin-right: 5px;
    height: 514px;

    float: left;
}

.center-wapper-sider .wapper-sider-left .sider-left-top {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 300px;

}

.slider-wapper input {
    display: none;
}

.slider-wapper input:nth-of-type(1):checked ~ .slider-control label:nth-of-type(1) {
    background: #ff4000;
}

.slider-wapper input:nth-of-type(2):checked ~ .slider-control label:nth-of-type(2) {
    background: #ff4000;
}

.slider-wapper input:nth-of-type(3):checked ~ .slider-control label:nth-of-type(3) {
    background: #ff4000;
}

.slider-wapper input:nth-of-type(4):checked ~ .slider-control label:nth-of-type(4) {
    background: #ff4000;
}

.slider-wapper input:nth-of-type(1):checked ~ .slider-items {
    left: 0;
}

.slider-wapper input:nth-of-type(2):checked ~ .slider-items {
    left: -565px;
}

.slider-wapper input:nth-of-type(3):checked ~ .slider-items {
    left: -1130px;
}

.slider-wapper input:nth-of-type(3):checked ~ .slider-items {
    left: -1695px;
}

.slider-items li > div {
    float: left;
}

.center-wapper-sider .wapper-sider-left .sider-left-center {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 24px;

    position: relative;
    line-height: 24px;
}

.sider-left-center span:nth-of-type(1) {
    background-image: url(https://img.alicdn.com/imgextra/i2/O1CN013K3ZGr1fdKPMLiL6r_!!6000000004029-2-tps-74-22.png);
    position: absolute;
    top: 2px;
    width: 74px;
    height: 22px;
}

.sider-left-center em {
    margin-left: 80px;
    color: #6c6c6c;
}

.sider-left-center span:nth-of-type(2) {
    float: right;
}

.center-wapper-sider .wapper-sider-left .sider-left-bottom {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 190px;

}

.sider-left-bottom .slider-wapper .slider-items {
    animation: move 12s infinite;
}

@keyframes move {
    0% {
        left: 0
    }
    33% {
        left: -565px
    }
    66% {
        left: -1130px
    }
    100% {
        left: -1695px
    }
}

.sider-left-bottom .slider-wapper .slider-items:hover {
    animation-play-state: paused;
}

.main-center .main-center-wapper .center-wapper-sider .wapper-sider-right {
    /* 1200 - 180 -150 -300 = 570 */
    width: 150px;
    height: 514px;

    float: right;
}

.center-wapper-sider .wapper-sider-right .sider-right-top {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 300px;
}

.sider-right-top img, .sider-right-bottom img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.center-wapper-sider .wapper-sider-right .sider-right-center {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 24px;
}

.center-wapper-sider .wapper-sider-right .sider-right-bottom {
    width: calc(100% - 10px);
    margin: 0 5px;
    height: 190px;
}

.main-center .main-center-wapper .center-wapper-user {
    width: 300px;
    height: 100%;
    float: right;
}

.main-center .main-center-wapper .center-wapper-user .wapper-user-top {
    width: 100%;
    height: 300px;
    background-color: #f5f5f5;
}

.user-top-info {
    width: 100%;
    height: 170px;
}

.user-top-info > div:first-child {
    text-align: center;
}

.user-top-info > div img {
    margin-top: 24px;
    border-radius: 50%;
}

.user-top-info > div:nth-of-type(2) {
    text-align: center;
    margin-top: 5px;
}

.user-top-info > div:nth-of-type(2) a {
    color: #fc4200;
    background-color: #FFECE6;
    padding: 2px 10px 2px 20px;
    border-radius: 30px;
}

.user-top-info > div:nth-of-type(3) {
    margin: 15px 0 5px 0;
    text-align: center;
}

.user-top-info > div:nth-of-type(3) a {
    color: white;
    background-color: #ff4000;
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.user-top-advertisement {
    width: 100%;
    height: 60px;
    margin: 2.5px 0;
    background-color: red;
}

.user-top-advertisement img {
    width: 100%;
    margin: 0 0 0 0;
}

.user-top-notice {
    width: 100%;
    height: 60px;
    margin: 2.5px 0;
}

.user-top-notice ul {
    width: 100%;
    height: 30px;
    position: relative;
}

.user-top-notice ul > li {
    float: left;
    width: calc(100% / 5);
    text-align: center;
    height: 60px;
    line-height: 30px;
}

.user-top-notice ul > li a {
    color: #3c3c3c;
    padding: 8px;
    font-weight: bold;

}

.user-top-notice ul > li.current a {
    border-bottom: 2px solid #fc4200;
}

.user-top-notice ul > li:hover a {
    border-bottom: 2px solid #fc4200;
}

.user-top-notice ul > li.current p {
    display: block;
}

.user-top-notice ul > li:hover p {
    display: block;
}

.user-top-notice ul > li > p {
    height: 25px;
    padding: 2.5px 0 0 10px;
    font-weight: bold;
    width: 290px;
    position: absolute;
    background-color: white;
    left: 0;
    margin-top: 5px;
    display: none;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-center .main-center-wapper .center-wapper-user .user-service {
    width: 100%;
    height: 214px;
}

.user-service .service-top {
    width: 100%;
    height: 145px;
    margin-bottom: 5px;
}

.service-top-list {
    width: 100%;
    height: 100%;
}

.service-top-list li {
    position: relative;
    width: calc(100% / 4);
    height: 50%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #eee;
    line-height: 96px;
    text-align: center;
}

.service-top-list li:nth-child(-n+3):hover {
    border: 1px solid #fc4200;
    border-bottom: transparent;
}

.service-top-list li:nth-child(-n+3) div {
    display: none;
}

.service-top-list li:nth-child(-n+3):hover div {
    position: relative;
    top: -26px;
    display: block;
    z-index: 999;
    width: 300px;
    height: 140px;
    background: white;
    border: 1px solid #fc4200;
}

.service-top-list li:nth-child(1):hover div {
    left: 0;
}

.service-top-list li:nth-child(2):hover div {
    left: -75px;
}

.service-top-list li:nth-child(3):hover div {
    left: -150px;
}

.service-top-list li:nth-child(2):hover div {
    position: relative;
    top: -26px;
    left: -75px;
    display: block;
    z-index: 999;
    width: 300px;
    height: 140px;
    background: white;
    border: 1px solid #fc4200;
}

.service-top-list li:nth-child(n+1) {
    border-left: transparent;
    border-bottom: transparent;
}

.service-top-list li:nth-child(n+5) {
    border-bottom: 1px solid #eee;
}

.service-top-list li span {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: pink;
    left: 25px;
    top: 10px;
    background-image: url("../images/a.png");
}

.service-top-list li a {
    margin-top: 15px;

}

.user-service .service-bottom {
    width: 100%;
    height: 64px;
}

.service-bottom h3 {
    color: #3c3c3c;
}

.service-bottom h3 a {
    float: right;
    font-size: 12px;
    font-weight: 100;
    margin-right: 10px;
}

.service-bottom-list {
    width: 100%;
    height: 44px;
}

.service-bottom-list ul {
    width: 100%;
    height: 100%;
}

.service-bottom-list ul li {
    width: calc(100% / 5);
    float: left;
    line-height: 44px;
    text-align: center;
}

.service-bottom-list ul li img {
    width: 35px;
    height: 35px;
}

/*内容列表展示区域 start*/
.main-bottom {
    margin: 30px 0;
    padding: 0 10px;
    width: calc(100% - 20px);
    height: auto;
}

.main-bottom .main-bottom-list {
    width: 100%;
    height: auto;
}

.main-bottom-list li {
    width: calc((100% / 5) - 20px);
    margin: 0 10px;
    float: left;
}

.main-bottom-list li img {
    width: 100%;
    height: auto;
}

.main-bottom-goods {
    width: 100%;
    height: auto;
    margin: 15px 0;
    padding: 10px 0;
}

.main-bottom-goods h2 {
    font-size: 25px;
    color: #3c3c3c;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
}

.bottom-goods-list {
    width: 100%;
    height: auto;
}

.bottom-goods-list .goods-list-top {
    width: 100%;
    height: 280px;
}

.bottom-goods-list .goods-list-top li {
    float: left;
    width: calc((100% / 5) - 20px - 2px - 10px);
    margin: 0 10px;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 15px;
    padding: 5px 5px 20px 5px;
}

.bottom-goods-list .goods-list-top li img {
    width: 100%;
    border-radius: 15px;
    transition: opacity .2s;
}

.bottom-goods-list .goods-list-top li a {
    display: block;
    margin-top: 5px;
    color: #3c3c3c;
    font-size: 16px;
}

.bottom-goods-list .goods-list-top li a span {
    display: block;
    margin: 5px 0 5px 5px;
}

.bottom-goods-list .goods-list-top li a:hover {
    color: #ff4000;
    opacity: 0.9;
    filter: opacity(90%);
}

.bottom-goods-list .goods-list-top li div {
    margin-top: 5px;
    font-size: 20px;
    color: #ff4000;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
}

.bottom-goods-list .goods-list-top li:hover {
    border: 1px solid #ff4000;
}

.goods-list-bottom {
    width: 100%;
    height: 120px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.goods-list-bottom li {
    float: left;
    width: calc((100% / 3) - 10px - 4px);
    margin: 5px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 15px;
    overflow: hidden;
}

.goods-list-bottom li:hover {
    border: 2px solid #ff4000;
}

.goods-list-bottom li img {
    width: 100%;
    height: 100%;
}

.main-bottom-loves {
    width: 100%;
    height: auto;
}

.bottom-loves-list {
    width: 100%;
    height: auto;
    /*margin-top: 20px;*/
}

.bottom-loves-list li {
    width: calc((100% / 5) - 10px - 2px - 10px);
    height: 100%;
    margin: 0 5px;
    float: left;
    position: relative;
    border-radius: 15px;
    border: 1px solid transparent;
    padding: 5px;
    transition: box-shadow 0.5s;
}

.bottom-loves-list li:hover {
    border: 1px solid #ff4000;
    box-shadow: 2px 2px 20px #eee;
}

.bottom-loves-list li a {
    display: block;
    width: 100%;
    height: auto;
}

.bottom-loves-list li a > img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    transition: all .2s;
}

.bottom-loves-list li a > img:hover {
    opacity: 0.95;
    filter: opacity(95%);
}

.bottom-loves-list li a p:nth-of-type(1) {
    color: #3c3c3c;
    font-size: 14px;
    /*height: 45px;*/
    overflow: hidden;
    margin: 5px 0;
}

.bottom-loves-list li a > p > img {
    width: 30px;
}

.bottom-loves-list li a p:nth-of-type(2) big {
    color: #fc4200;
    font-size: 25px;
    font-weight: 400;
}

.bottom-loves-list li a p:nth-of-type(2) span {
    color: #6c6c6c;
    font-size: 15px;
}

/*内容列表展示区域 end*/


/*Main 区域主内容 end*/
.fixed-nav {
    position: absolute;
    width: 50px;
    height: auto;
    right: -60px;
    top: 200px;
}

.fixed-nav ul {
    width: 100%;
    height: auto;
}

.fixed-nav ul li {
    width: 100%;
    height: 50px;
    /*line-height: 50px;*/
    background: white;
    overflow: hidden;
}

.fixed-nav ul li.current {
    background-image: linear-gradient(135deg, #ff971b, #ff5000);
}

.fixed-nav ul li.current a {
    color: white;
    font-weight: bold;
}

.fixed-nav ul li:hover {
    background-image: linear-gradient(135deg, #ff971b, #ff5000);
}

.fixed-nav ul li:hover a {
    color: white;
    font-weight: bold;
}

.fixed-nav ul li:nth-of-type(1) {
    border-radius: 10px 10px 0 0;
}
.fixed-nav ul li:nth-of-type(3) a{
    line-height: 35px;
}
.fixed-nav ul li:nth-of-type(4) {
    border-radius: 0 0 10px 10px;
}
.fixed-nav ul li:nth-of-type(3),
.fixed-nav ul li:nth-of-type(4){
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.fixed-nav ul li a {
    display: block;
    width: 35px;
    height: 35px;
    margin: 8px auto 0 auto;
    text-align: center;
    line-height: 1.3;
    color: #3c3c3c;
}

/*main css end*/

/*footer css start*/
.footer-fuild-container {
    margin-top: 20px;
    background-color: white;
    height: auto;
    padding-top: 5px;
    padding-bottom: 15px;
}

.footer-container p {
    color: #6c6c6c;
}

.footer-container p a:hover {
    color: #F22E00;
}

.footer-container p:first-child {
    height: auto;
    line-height: 27px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
}

.footer-container p a {
    text-decoration: none;
    color: #6c6c6c;
}

.footer-container p b {
    color: #6c6c6c;
    font-weight: 100;
}

.footer-container div.footer-other p a {
    text-decoration: none;
    margin: 0 5px;
}

.footer-container div.footer-other p a:nth-of-type(1) {
    margin: 0 5px 0 0;
}

.footer-container div.footer-other p span {
    color: #999;
}

.footer-container div.footer-other p {
    border: none;
    height: auto;
    margin: 10px 0;
}

/*footer css end*/

